如今互联网的时代飞速发展，从市场情况看来，在app中最得年轻人青睐，手机里几乎都会有的应用软件实属社交类app。即使在社交类app中市场占有量最大的一直是腾讯（QQ、微信）、新浪（微博）等几个知名互联网企业的产品，但年轻人还是会愿意尝试创新的社交类app，例如最近的子弹短信，一上线就引起了极大关注。要做出产品独有的创意，产品才可脱颖而出。通过游戏、游戏、电影、动漫等进入相同爱好的社交圈，结识更多有共同爱好的朋友，逐渐成为越来越多的新社交app选择的切入市场的方式。

「微光」app正是一个这样的创新app，不同于交流电影、交流动漫的论坛式聊天平台，微光app给年轻人提供了一种陌生人可以亲近交流的友好社交方式，选择感兴趣的一部电影或电视剧集，一人或多人同时在app上观看，一边观看一边交流，根据选择同一部影片获得相似喜好的用户，在此基础上社交便更有话题可聊。

本次推出的「微光」app原型，包括「首页」、「匹配」、「好友列表」、「个人」等一级页面，「创建一人或多人观影房间」、「视频播放时的聊天互动」、「观影匹配的卡片切换」、「筛选选择观影对象」等特色交互动画，做社交app的童鞋们可以下载原型模板以作参考哟~

资源地址见文末！

高低保真原型页面对比展示

页面不多，交互俱全哟~

 

高保真原型演示

点击下方链接手动预览所有页面和流程↓

xiaopiu-微光app高保真原型?www.xiaopiu.com

 

高保真组件库展示

（更多其他种类的原型和组件素材可访问 xiaopiu – 精选广场）

 

利用组件库搭建页面

在精选广场的组件库里搜索「微光」，在搜索出的组件库右下角点击「引用为我的公用库」

也可以点击这里↓直接访问微光app组件库哦~

xiaopiu-微光app组件库?www.xiaopiu.com

然后点击页面右上角的引用按钮~

如上图所示，点击引用后，组件库即成为自己的引用资源（库内的资源也会实时更新），大家可在项目中使用，快速搭建自己的页面，比如搭建一个观影聊天页面：

高清大图演示请戳→ 页面制作演示gif

 

资源地址

微光app高保真原型

微光app低保真原型

微光app高保真页面库

微光app低保真页面库

微光app高保真组件库

 

欢迎大家对我们的原型提出建议，对后面分享内容有哪些期待和想法也可以跟我们交流哟！_(:?」∠)_

 

原文地址：xiaopiu工坊

作者：王二麻

 

转载请注明：学UI网 » 社交类app「微光」原型分享